@import cn.hn.java.summer.mvc.ViewTools
@args int minWidth=0, String pageModel
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>迈高烟花平台</title>

    <!-- Bootstrap -->
    <link href="@url("/static/bootstrap/dist/css/bootstrap.min.css")" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="@url("/static/font-awesome/css/font-awesome.min.css")" rel="stylesheet">
    <!-- iCheck -->
    <link href="@url("/static/iCheck/skins/flat/green.css")" rel="stylesheet">
    <!-- Datatables -->
    <link href="@url("/static/datatables.net-bs/css/dataTables.bootstrap.min.css")" rel="stylesheet">
    <link href="@url("/static/datatables.net-buttons-bs/css/buttons.bootstrap.min.css")" rel="stylesheet">
    <link href="@url("/static/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css")" rel="stylesheet">
    <link href="@url("/static/datatables.net-responsive-bs/css/responsive.bootstrap.min.css")" rel="stylesheet">
    <link href="@url("/static/datatables.net-scroller-bs/css/scroller.bootstrap.min.css")" rel="stylesheet">
    <!-- NProgress -->
    <link href="@url("/static/nprogress/nprogress.css")" rel="stylesheet">
    <link href="@url("/static/pnotify/dist/pnotify.css")" rel="stylesheet">
    <link href="@url("/static/pnotify/dist/pnotify.buttons.css")" rel="stylesheet">
    <link href="@url("/static/pnotify/dist/pnotify.nonblock.css")" rel="stylesheet">
    <link href="@url("/static/dropzone/dist/min/dropzone.min.css")" rel="stylesheet">
    <link href="@url("/static/switchery/switchery.min.css")" rel="stylesheet">
    <!-- Custom Theme Style -->
    <link href="@url("/static/css/custom.min.css")" rel="stylesheet">
    <link href="@url("/static/css/main.css")" rel="stylesheet">
    @render(style)
  </head>

  <body class="nav-md">
    <button id="js-btn-modal-dialog" type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm" style="display: none"></button>
    <div id="js-modal-dialog" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
      <div class="modal-dialog modal-sm">
        <div class="modal-content">

          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
            </button>
            <h4 class="modal-title">注意</h4>
          </div>
          <div class="modal-body">
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-primary confirm-ok">确定</button>
          </div>

        </div>
      </div>
    </div>
    
    <div class="container body">
      <div class="main_container">
        <div class="col-md-3 left_col">
          <div class="left_col scroll-view">
            <div class="navbar nav_title" style="border: 0;">
              <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>迈高烟花平台</span></a>
            </div>

            <div class="clearfix"></div>
            <!-- sidebar menu -->
            <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
              <div class="menu_section">
                <ul id="js-side-menu" class="nav side-menu">
                  <li model="sys"><a><i class="fa fa-home"></i>系统管理<span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="@url("/sys/function/list.html?page=1")">功能管理</a></li>
                      <li><a href="@url("/user/role/list.html?page=1")">权限管理</a></li>
                      <li><a href="@url("/user/user/list.html?page=1")">用户管理</a></li>
                      <li><a href="@url("/sys/dictionary/list.html?page=1")">字典和参数</a></li>
                      <li><a href="@url("/sys/dictionary/sellLevelList.html?page=1")">销售级别管理</a></li>
                      <li><a href="@url("/sys/org/list.html?page=1")">机构管理</a></li>
                      <li><a href="@url("/sys/area/list.html?page=1")">区域管理</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-edit"></i> 代理商管理 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="@url("/user/agent/subAgents.html?page=1")">下级代理商</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-edit"></i> 产品信息管理 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="@url("/product/band/list.html?page=1")">品牌管理</a></li>
                      <li><a href="@url("/product/category/list.html?page=1")">产品类别管理</a></li>
                      <li><a href="@url("/product/product/list.html?page=1")">产品管理</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-desktop"></i> 产品仓库 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="@url("/product/stock/list.html?page=1")">产品管理</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-desktop"></i> 终端管理 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="@url("/sys/advertisement/list.html?page=1")">广告管理</a></li>
                    </ul>
                  </li>
                </ul>
              </div>

            </div>
            <!-- /sidebar menu -->
          </div>
        </div>

        <!-- top navigation -->
        <div class="top_nav">
          <div class="nav_menu">
            <nav>
              <div class="nav toggle">
                <a id="menu_toggle"><i class="fa fa-bars"></i></a>
              </div>
            </nav>
          </div>
        </div>
        <!-- /top navigation -->
        <!-- page content -->
        <div class="right_col" role="main" ">
        <form id="appRoot" action="?" method="post">
          <input id="jsFormSummery" type="hidden" name="__form" value="@val("__form")"/>
        	@render()
        </form>
        </div>
        <!-- /page content -->
        <!-- footer content -->
        <footer>
        </footer>
        <!-- /footer content -->
      </div>
    </div>

    <!--vue 组件模板-->
    <!--表单组件模板-->
    <template id="template-form-row-input">
      <div class="form-group">
        <label class="control-label col-md-3 col-sm-3 col-xs-12" :for="'js'+name">{{text}}<span class="required">*</span></label>
        <div class="col-md-6 col-sm-6 col-xs-12">
          <input :type="type" :id="'js'+name" :name="name" :value="value" :placeholder="placeholder?placeholder:'请输入'+text" :readonly="readonly" required="required" class="form-control col-md-7 col-xs-12">
        </div>
      </div>
    </template>

    <template id="template-form-row-chooser">
      <div class="form-group">
        <label class="control-label col-md-3 col-sm-3 col-xs-12" :for="'js'+name">{{text}}<span class="required">*</span></label>
        <div class="col-md-6 col-sm-6 col-xs-12">
          <div class="input-group">
            <input type="hidden" :name="name2" :value="value2"/>
            <input type="text" :id="'js'+name" :name="name" :value="value" :placeholder="placeholder?placeholder:'请选择'+text" :readonly="readonly" required="required" class="form-control col-md-7 col-xs-12">
            <span class="input-group-btn">
              <a :href="url" class="btn-chooser btn btn-primary"><i class="fa fa-list"></i></a>
            </span>
          </div>
        </div>
      </div>
    </template>

    <textarea id="template-form-row-select" style="display: none;">
      <div class="form-group">
        <label class="control-label col-md-3 col-sm-3 col-xs-12" :for="'js'+name">{{text}}<span class="required">*</span></label>
        <div class="col-md-6 col-sm-6 col-xs-12">
          <select :id="'js'+name" :name="name" :value="value" class="form-control col-md-7 col-xs-12" required="required">
            <slot></slot>
          </select>
        </div>
      </div>
    </textarea>

    <template id="template-form-row-radio">
        <div class="form-group">
            <label class="control-label col-md-3 col-sm-3 col-xs-12">{{text}}<span class="required">*</span></label>
            <div class="col-md-6 col-sm-6 col-xs-12">
                <p>
                    <label>{{text1}}<input type="radio" class="flat" :name="name" :value="value1" :check="value" required="required" /></label>
                    <label>{{text2}}<input type="radio" class="flat" :name="name" :value="value2" :check="value" required="required" /></label>
                </p>
            </div>
        </div>
    </template>

    <!--搜索面板-->
    <template id="template-search-panel">
      <div class="x_panel">
        <slot name="title"></slot>
        <div class="x_content" style="display: none;">
          <div class="row form-horizontal">
            <slot></slot>
          </div>
          <div class="clearfix"></div>
        </div>
        <slot name="button"></slot>
      </div>
    </template>

    <!--搜索列表页面标题-->
    <template id="template-search-title">
      <div class="x_title">
        <h2><slot>{{title}}</slot></h2>
        <ul class="nav navbar-right panel_toolbox">
          <li><a class="collapse-link"><i class="fa fa-chevron-down"></i></a></li>
        </ul>
        <div class="clearfix"></div>
      </div>
    </template>

    <template id="template-search-buttons">
      <div id="div_list_toolbar" class="btn-group row">
        <slot></slot>
      </div>
    </template>

    <template id="template-search-button">
      <button v-if="type=='query'" type="submit" :id="id" :class="'btn btn-primary btn-lg col-xs-'+(12/$parent.$props.cols)"><i :class="'fa '+icon"></i><slot>查询</slot></button>
        <button v-else-if="type=='select'" type="button" :id="id" :class="'btn btn-success btn-lg col-xs-'+(12/$parent.$props.cols)"><i class="fa fa-check"></i><slot>选择</slot></button>
      <a v-else-if="type=='del'" :href="href" :id="id" :class="'btn btn-default btn-lg col-xs-'+(12/$parent.$props.cols)" type="button"><i class="fa fa-times"></i><slot>删除</slot></a>
      <a v-else :href="href" :id="id" :class="'btn btn-info btn-lg col-xs-'+(12/$parent.$props.cols)" type="button"><i :class="'fa '+icon"></i><slot></slot></a>
    </template>

    <!--列表查询表单控件-->
    <template id="template-search-form-col-input">
      <div class="col-sm-4 form-group">
        <label class="control-label col-sm-4 col-xs-12">{{text}}</label>
        <div class="col-sm-8 col-xs-12">
          <input type="text" class="form-control" :id="id" :name="name" :value="value" :placeholder="text" :readonly="readonly">
        </div>
      </div>
    </template>

    <textarea id="template-search-form-row-select" style="display: none;">
      <div class="col-sm-4 col-xs-12 form-group">
        <label class="control-label col-sm-4 col-xs-12">{{text}}</label>
        <div class="col-sm-8 col-xs-12">
            <select :name="name" :value="value" class="form-control">
                <option v-if="deftext!=''" value="">{{deftext}}</option>
                <option v-else value="">所有{{text}}</option>
                <slot></slot>
          </select>
        </div>
      </div>
    </textarea>

    <template id="template-search-form-col-chooser">
      <div class="col-sm-4 form-group">
        <label class="control-label col-sm-4 col-xs-12">{{text}}</label>
        <div class="col-sm-8 col-xs-12">
          <div class="input-group">
            <input type="hidden" :name="name2" :value="value2"/>
            <input type="text" :id="'js'+name" :name="name" :value="value" :placeholder="placeholder?placeholder:'请选择'+text" :readonly="readonly" required="required" class="form-control col-md-7 col-xs-12">
            <span class="input-group-btn">
	               	<a :href="url" class="btn-chooser btn btn-primary"><i class="fa fa-list"></i></a>
				</span>
          </div>
        </div>
      </div>
    </template>

    <!--数据表格-->
    <textarea id="template-list-data-grid" style="display: none">
      <div class="row" style="overflow: auto;">
        <div class="col-sm-12" :style="'min-width: '+minWidth">
          <table id="datatable" class="table table-striped table-bordered dataTable no-footer" role="grid" aria-describedby="datatable_info">
            <thead>
            <slot name="head"></slot>
            </thead>
            <tbody>
            <slot name="body"><tr><td :colspan="cols">暂无数据<i class="fa fa-exclamation-circle"></i></td></tr></slot>
            </tbody>
          </table>
        </div>
      </div>
    </textarea>

    <script type="text/javascript">
    	var webContextName="@url("/")";
    	var _isFormPost="@val("_isFormPost")";
    	var _isPostBack="@val("_isPostBack")";
    	var _pageModel="@pageModel";
    </script>
    <script src="@url("/static/jquery/jquery.min.js")"></script>
    <script src="@url("/static/bootstrap/dist/js/bootstrap.min.js")"></script>
    <script src="@url("/static/fastclick/lib/fastclick.js")"></script>
    <script src="@url("/static/nprogress/nprogress.js")"></script>
    <script src="@url("/static/datatables.net/js/jquery.dataTables.min.js")"></script>
    <script src="@url("/static/datatables.net-bs/js/dataTables.bootstrap.min.js")"></script>
    <script src="@url("/static/datatables.net-buttons/js/dataTables.buttons.min.js")"></script>
    <script src="@url("/static/datatables.net-buttons-bs/js/buttons.bootstrap.min.js")"></script>
    <script src="@url("/static/datatables.net-buttons/js/buttons.flash.min.js")"></script>
    <script src="@url("/static/datatables.net-buttons/js/buttons.html5.min.js")"></script>
    <script src="@url("/static/datatables.net-buttons/js/buttons.print.min.js")"></script>
    <script src="@url("/static/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js")"></script>
    <script src="@url("/static/iCheck/icheck.min.js")"></script>
    <script src="@url("/static/js/jquery-bootstrap-pagination.js")"></script>
    <script src="@url("/static/pnotify/dist/pnotify.js")"></script>
    <script src="@url("/static/pnotify/dist/pnotify.buttons.js")"></script>
    <script src="@url("/static/pnotify/dist/pnotify.nonblock.js")"></script>
    <script src="@url("/static/js/moment/moment.min.js")"></script>
    <script src="@url("/static/js/datepicker/daterangepicker.js")"></script>
    <script src="@url("/static/dropzone/dist/min/dropzone.min.js")"></script>
    <script src="@url("/static/switchery/switchery.min.js")"></script>
    <script src="@url("/static/treeview/bootstrap-treeview.min.js")"></script>
    <script src="@url("/static/js/custom.min.js")"></script>
    <script src="@url("/static/js/vue.min.js")"></script>
    <script src="@url("/static/js/category.js")"></script>
    <script src="@url("/static/js/main.js")"></script>
    @render(script)
    @render(script1)
    @render(script2)
  </body>
</html>
